<div id="content_header">
  <h3>Sexes</h3>
</div>

<div class="row">
  <!-- <label for="keyword">SEARCH</label> -->
  <div class="row">
    <div class="col-md-6">
      <form action="#" class="form-vertical">
        <div class="input-group">
          <input class="form-control" type="text" name="keyword" placeholder="Type Name to search" ng-model="searchText.SexLabel">
          <span class="input-group-addon">Find!</span>
        </div>
      </form>
    </div>
    <div class="col-md-6">
      <a ui-sref="^.new()" class="btn btn-primary">Register a new Sex</a>
    </div>
  </div>
</div>

<div class="row">
  <div class="search-message">
    Found <span class="primary-color"><b>{{ sexes.length | filter:searchText }}</b></span> matched records
  </div>
</div>

<div class="row">
  <table class="table table-stripped table-bordered" ng-show="sexes.length > 0">
    <thead>
      <tr>
        <th>Label</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="sex in sexes | filter:searchText">
        <td>{{ sex.SexLabel }}</td>
        <td>
          <a class="" href="" ng-click="deleteSex($index)"><i class="simple-icon-trash"></i></a> 
          <a class="" ui-sref="^.show({id: $index})"><i class="simple-icon-magnifier"></i></a>
        </td>
      </tr>
    </tbody>
  </table>
</div>